<div class="login-container">
    <div class="login-content login-l">
        <img src="../../assets/img/logo.png" class="login-logo">
        <div class="login-title"><span style="letter-spacing: 7px;">云内动力智慧后服务平</span><span>台</span></div>
    </div>
    <div class="login-content login-r">
        <div class="login-tab-name">用户登录</div>
        <form name="loginForm" novalidate>
            <div class="login-tab-item input" ng-class="{'error': !!showFormError && loginForm.loginName.$error.required}">
                <span class="iconfont yn-user"></span>
                <input type="text" name="loginName" ng-model="user.loginName"
                    placeholder="请输入您的账号" class="txt-input" required>
            </div>
            <div class="login-tab-item input" ng-class="{'error': !!showFormError && loginForm.password.$error.required}">
                <span class="iconfont yn-lock"></span>
                <input type="password" name="password" ng-model="user.password"
                    placeholder="请输入您的密码" class="txt-input" required>
            </div>
            <div class="login-tab-item">
                <input type="code" name="code" ng-model="user.code"
                    placeholder="请输入验证码" class="code-input"
                    ng-class="{'error': !!showFormError && loginForm.code.$error.required}" required>
                <img ng-src="{{ codeImg| ApiUrl }}" class="code-img">
                <div class="code-refresh" ng-click="refresh()">
                    <span class="iconfont yn-refresh"></span>
                </div>
            </div>
            <button type="submit" class="btn-login" ng-click="login(loginForm.$valid)">登录</button>
        </form>
        <div class="login-tab-bottom">
            <div class="bottom-item">云内官网</div>
            <div class="divider vertical"></div>
            <div class="bottom-item">联系我们</div>
        </div>
    </div>
</div>